<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring"%>

<div class="hdr_top" style="position: relative;">
	<div class="header-cart" style="position: absolute; z-index: 9; bottom: -31px; right: 221px; color: rgb(255, 255, 255);">
		<a href="viewCart.html" style="color: #ffffff;"> <img src="<c:url value='images/icon-cart.gif'/>" style="vertical-align: middle;"><span
			id="cartItemsNo"> ${sessionScope.CART_SESSION == null?0:sessionScope.CART_SESSION.products.size()} </span> <spring:message code="cart.products" />
		</a>
	</div>
	<c:forEach items="${banners }" var="f">
		<img src="<c:url value='loadImage.html?type=FULL&fileId=${f.id}'/>" width="1008">
	</c:forEach>
	<div style="clear: both"></div>
</div>
<div class="navbar">
	<ul class="ul nav">
		<li><div class="c">
				<a href="goHomePage.html"> <spring:message code="top.header.homepage" /></a>
			</div></li>
		<li><div class="c">
				<a href="goAboutUs.html"> <spring:message code="top.header.about.us" /></a>
			</div></li>

		<li><div class="c">
				<a href="goProducts.html"> <spring:message code="top.header.product" /></a>
			</div></li>

		<li class=""><div class="c">
				<a href="goNews.html"> <spring:message code="top.header.news" /></a>
			</div></li>

		<li class=""><div class="c">
				<a href="goContact.html"> <spring:message code="top.header.contact" /></a>
			</div></li>
	</ul>
	<form method="post" action="searchProductByKeyword.html" enctype="multipart/form-data" class="search">
		<ul class="ul png search">
			<li class="ip"><input class="cssInput" name="keyword" onfocus="if(this.value=='<spring:message
					code="top.header.search.hint" />')this.value='';"
				onblur="if(this.value=='')this.value='<spring:message
					code="top.header.search.hint" />';" value="<c:out value='${keyword}'/>" type="text"> <input
				name="page" type="hidden" value=""> <input class="cssSubmit" id="search" value="" type="submit"></li>
		</ul>
	</form>
	<div style="clear: both"></div>
</div>

<!-- Modal -->
<div id="openModal" class="modalDialog">
	<div>
		<a href="javascript:closeDialog('#openModal')" title="Close" class="close">X</a>
		<p>
			<spring:message code="modal.content.add.to.cart.success" />
		</p>
	</div>
</div>
<!-- /Modal -->
<script>
$(function(){
	if($('[name="keyword"]').val()=='') {
		$('[name="keyword"]').val('<spring:message code="top.header.search.hint" />');
	}	
});
</script>
